<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta content="text/html; charset=UTF-8" http-equiv="content-type">
    <title>dom</title>
    <meta name="description" content=""/>
    <meta name="keywords" content=""/>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <script type="text/javascript" src="../core/core.js"></script>
    <script type="text/javascript" src="dom.js"></script>
    <script type="text/javascript" src="../jquery-1.6.2.js"></script>
    <script type="text/javascript" src="../kissy.js"></script>
    <script type="text/javascript" src="../in.js"></script>

    <!--<script type="text/javascript" src="../mootools-core-1.4.1-full-compat.js"></script>-->
</head>

<body>
<script type="text/javascript">

    F.ready(function (f) {

        //  console.log(F.Dom.select);
        //     var as=new F.Dom('div.as ') ;

        //console.log('a[name="abc"] '.match(/^([a-zA-Z]+)\[(.*)="(.*)"\]/));
        // console.log(ac.get());

        //(ac.attr('aa','sdf'));
        //  ac.attr({href:'a123',name:'ac','class':'ad'});
        //  console.dir($('.ac').children().parent());
        //  console.dir(Array.prototype.slice.call(ac,0))
        //(ac[0])
        // console.dir(ac);
        //  (ac.css({opacity:'0.5',fontSize:'20px',border:'5px solid #2de'}));
        //  ac.css('opacity')
        //  new F.Dom('a').css({float:'left',width:'100px',height:'30px','background':'#2dc'});

        //   var a=F.Dom.create('<a href="">sd</a><a href="">as</a>');
//    ac.attr('style','background:#acd');
//a.css({background:'#2fc'});

        // new F.Dom('div[ax="cc"]  ').filter(':even').before(new F.Dom('.ac').clone());
//            f.log( new F.Dom('.as').css('padding-left'))
//        new F.Dom('.as').css({ position:'absolute'})
//var docwidth=new F.Dom(document).width( ),docheight=new F.Dom(document).height( );
//     (new F.Dom('.as').css({ position:'absolute',
//        left:docwidth-new F.Dom('.as').outerwidth( )+'px',
//           top:docheight-new F.Dom('.as').outerheight( )+'px'
//     }
//
//    )
//            );
        //   F.Dom.docscroll({t:215,l:23})
//var of=(new F.Dom('.ac').offset(true,{l:10,t:234}));

        var oform = F.Dom.create('  <form action="">   ' +
                '<select name="" id="">  <option value="">sdf</option>    </select>' +
                '<input name="abc" type="radio"><input name="abc"   type="radio"><input name="abc" type="radio"> ' +
                '</form>');
        oform.find('input').eq(0).attr('checked', true);
        new F.Dom('body').append(oform);
        //   $('body').append('<style>div {color:red}</style> ')

        //  F.Dom.docscroll({t:F.Dom.docsize().h})
        /*   $('.as').css({ position:'absolute'})
         var docwidth=$(document).width( ),docheight=$(document).height( );
         ($('.as').css({ position:'absolute',
         left:docwidth-$('.as').outerWidth( )+'px',
         top:docheight-$('.as').outerHeight( )+'px'

         )
         );*/
        // f.log(new F.Dom(document).width() );
        // f.log($(document).height())
        //  f.log($$('.as').getStyle('width'))
        //  f.log($('iframe').outerWidth( ))
        f.load('dom.js?sdf,../t.js?d2,../t.js', function () {
            f.log('ok');
            f.log(this)
        })
    });

    $(function () {
        // alert($('iframe')[0].clientLeft)

        //($('a[href="aac"] ').text('你这个sb') )
        //  document.body.appendChild($('<style type="text/css">.ac{background:#7fff00}</style>')[0])
        //  $('div.ac').append($('div.as'))
    });


</script>
<style type="text/css">

    .as {
        font-size: 4em;
        width: 48px; height: 100px; overflow: auto; background: #ccc; padding: 1em;
    }
</style>
<div id='asdf' style="background: #cae;left:0;top:0; position: absolute;    ">
    <div class="as" ax='cc' style="">
        可节省大量分开计算了的开发建设力度开发姐啊塑料袋开房间阿斯利的科技flask家撒旦发射点发射得分记录上看到附近阿斯科利的积分；阿斯科利的积分
    </div>
</div>
<iframe src="ta.html"></iframe>
<div class="ac" style="height: 1243px;">
    后面的
</div>
<form action="">
    <input name="abc" type="radio" checked="checked"><input name="abc" type="radio"><input name="abc" type="radio">

</form>
<div class="ac" style="height: auto;">
    后面的
</div>
<a href="">sffdf</a>
</body>
</html>